<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宠物百科</title>
    <link rel="stylesheet" href="css/百科-3.css">
    <style>
       
    </style>
</head>
<body>
    <div id="top">
        <div id="header">
            <div>网站名称</div>
            <div><a href="#">退出登录</a></div>
            <div><a href="#">个人中心</a></div>
            <div>账号:Javkey love</div>
        </div>

        <div class="head">
            <div id="logo">
                logo
            </div>
            <div id="bar">
                <div>
                    <input type="text"  placeholder="请输入关键词...">
                    <button type="button">搜索</button>
                </div>

                <div id="ear">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div id="menu"><div><a id="a" href="index.html" target="_blank">首页</a></div></div>
                <div id="menu1"> <div><a id="a" href="宠物百科.html" target="_blank">宠物百科</a></div></div>
                <div id="menu"><div><a id="a" href="商城.html" target="_blank">商城</a></div></div>
                <div id="menu"><div><a id="a" href="宠物社区.html" target="_blank">宠物社区</a></div></div>
                <div id="menu"><div><a id="a" href="医疗美容.html" target="_blank">医疗美容</a></div></div>
            </div>
        </div>

        <div class="main">
            <div class="title1">
                <div class="title1">
                    <div id="son1"><a href="宠物百科.html" >&nbsp;宠物种类</a></div>
                    <div id="son2"><a href="百科-2.html" >宠物养护</a></div>
                    <div id="son3"><a href="百科-3.html" >行为分析<span>/</span></a></div>
                </div>
            </div>
            <hr>
            <div class="show1">
                <div id="box1"><img src="./images/dog.png" alt=""></div>
                <div id="box2">狗狗</div>
                <div id="box3"> <a href="#">更多》</a></div>
                <hr id="h1">
                <div id="box4">
                    摇尾巴、露出肚皮等6种常见行为原因
                </div>
            </div>
            <div id="show2">
                <div id="box5"><img src="./images/cat.png" alt=""></div>
                <div id="box2">猫猫</div>
                <div id="box3"> <a href="#">更多》</a></div>
                <hr id="h1">
                <div id="box4">
                    通过猫尾巴解读出表达的信息!
                </div>
            </div>
       </div>
    </div>
</body>
</html>